myapp.views.Credits = Ext.extend(Ext.Panel, {
    dockedItems: [{
        xtype: 'toolbar',
        title: 'Credits',
        items: [
            { xtype: 'spacer' },
            {
                text: 'Back',
                ui: 'action',
                listeners: {
                    'tap': function () {
                        Ext.dispatch({
                            controller: myapp.controllers.index,
                            action: 'index',
                            animation: { type: 'slide', direction: 'down' }
                        });
                    }
                }
            }
        ]
    }],
    html: '<h1>Credits</h1>'
    	+ '<p>Museums BC has been proudly created by Jonathan Lathigee, '
    	+ '<a href=\"http://zeroonedesign.com\">Zero One Design (2011) inc.</a></p>'
    	+ '<p>&copy;2011 All Rights Reserved</p>',
    styleHtmlContent: true,
    scroll: 'vertical',
    height: '100%',
    activate: function (p){
    	alert('activate!');
    	p.body.scrollTo("top", 0, true);
    }
});